.vertical-view .flow-node {
    min-height: 82px;
}

.vertical-view .flow-node-option .bg-line {
    background: #A9B4CD;
    width: 2px;
    bottom: -3px;
}

.vertical-view .flow-node-option .arrow {
    width: 15px;
    height: 10px;
    bottom: -13px;
    margin: auto;
    background: #A9B4CD;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.vertical-view .flow-node-option .arrow.no-arrow {
    width: 2px;
    height: 10px;
    clip-path: none;
}

.vertical-view .flow-node-option .add-node-btn {
    margin: auto;
    position: absolute;
}

.vertical-view .end-arrow {
    display: block;
    background: #A9B4CD;
    border-radius: 50%;
    transform: translateY(-16px);
}

.vertical-view .flow-node .flow-node-cd {
    transition: all 0.3s ease-out;
    transform: scale(0);
}

.vertical-view .flow-node:hover .flow-node-cd {
    transform: scale(1);
}

.vertical-view .add-node-btn {
    transition: all 0.3s ease-out;
    transform: scale(0);
}

.vertical-view .node-wrap:hover .add-node-btn,
.vertical-view .condition-outer:hover .add-node-btn {
    transform: scale(0.3);
}

.vertical-view .flow-node-option:hover .add-node-btn,
.vertical-view .add-node-btn.active,
.vertical-view .node-wrap:hover .add-node-btn.active {
    transform: scale(1);
}

.vertical-view .condition-body::before,
.vertical-view .condition-body::after {
    content: '';
    position: absolute;
    width: calc(100% - 205px);
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    background: #A9B4CD;
    z-index: 0;
    width: calc(100% - 206px);
}

.vertical-view .condition-body::after {
    top: initial;
    bottom: -1px;
    height: 2px;
}

.vertical-view .condition-body>div:first-child {
    width: calc(100% - 205px);
    margin: auto;
    border-right: 2.5px solid #A9B4CD; 
    box-sizing: border-box;
    position: relative;
}
.vertical-view .condition-body>div:first-child::before{
content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    left: 0;
    top: 0;
    background: #A9B4CD;
}

.vertical-view .bg-t-line{
    position: absolute;
    width: 2px;
    background: #A9B4CD;
    left: 0;
    right: 0;
    top: -80px;
    margin: auto;
    height: 82px;
}


.vertical-view .node-grid {
    display: flex;
    justify-content: space-between;
}

.vertical-view .node-grid-item::before {
    content: '';
    position: absolute;
    width: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100% - 20px);
    margin: auto;
    background: #A9B4CD;
}